<template>
  <div class="wrap">
    <h1>less 混合 Mixin </h1>
  </div>
</template>

<script>
export default {
  name: 'Mixin',
  props: {

  }
}

/*
  less 混合 简单来说就是把一个样式类引入到另一个样式类中使用
  如下示例, 在需要混入的样式类后面加上括号即可
*/
</script>


<style lang="less" scoped>
  @font-color: red; 
  .mixin{
    border: 1px solid green;
    color: @font-color;
  }
  .wrap{
    .mixin();
  }
</style>
